<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>店铺-坪效</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/reg_style.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/ljq.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />	
		<style>
			.tupian{
				width: 100%;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 999;
			}
			.lan{
				width: 100%;
				height: 0.93rem;
				background: url(img/beijing.png)no-repeat center center;
			}
			.bai{
				width: 100%;
				height: 0.4rem;
				background: #fff;
			}
			.beijing {
				width: 100%;
				padding-top: 0.2rem;
				text-align: center;
				position: absolute;
				top: 0.3rem;
			}
			
			.shuju1 {
				background: #fff;
				border-radius: 5px;
				box-shadow: 1px 1px 1px rgba(65,152,255,0.2);
				width: 90%;
				margin: 0 auto;
				padding-top: 0.08rem;
				padding-bottom: 0.08rem;
			}
			
			.time {
				margin-top: 0!important;
			}
			
			
			
			.up {
				color: #FF6A4C!important;
			}
			
			.down {
				color: #0bc802!important;
			}
			
			.menu div {
				float: left;
				width: 33%;
				text-align: center;
				border-left: 1px solid #f2f2f2;
			}
			
			.menu div:nth-child(1) {
				border-left:none;
			}
			
			.menu em {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 0.12rem;
				color: #808080;
			}
			
			.menu .span1 {
				float: left;
				width: 100%;
				font-size: 0.16rem;
				text-align: center;
				margin-top: 0.09rem;
			}
			
			.menu .span2 {
				width: 0.4rem;
				text-align: center;
				margin-top: 0.05rem;
				font-size: 0.11rem;
			}
			
			.menu .mianji_span {
				display: block;
				width: 100%;
				font-size: 0.16rem;
				text-align: center;
				margin-top: 0.09rem;
				color: #4D4D4D;
			}
			
			.menu .span3 {
				display: block;
				width: 100%;
				text-align: center;
				margin-top: 0.05rem;
				font-size: 0.09rem;
				color: #4198FF;
			}
			
			.menu img {
				width: 0.1rem;
				margin-top: 0.05rem;
			}
		</style>
	</head>

	<body>
		<div class="main0">
			<div class="tupian">
				<div class="lan">
					<div class="head2">
						<em class="mui-action-back"><img class="img1" src="img/fanhui1.png" alt="" /></em>
						<div class="div2"><span class="span3" id="list-shop-lists" onclick="user_select_shop();">坪效</span></div>
						<img class="img2" src="img/problem1.png" alt="" onclick="time_img(pingxiao);"/>
					</div>
				</div>
				<div class="beijing">
					<div class="shuju1">
						<div class="time clearfix" style="display: none;">
							<em onclick="databian(-1);" id="index-date-left" class=" mui-icon mui-icon-back a2"></em>
							<span id='index-date-show' data-options='{"type":"month","beginYear":1949,"endYear":3016}'></span>
							<em id="index-date-right" onclick="databian(1);" class=" mui-icon mui-icon-forward a2"></em>
						</div>
						<div class="menu clearfix">
							<div class="pingxiao">
								<em id='index-store-px-groundeffect-name'>本月坪效</em>
								<span id='index-store-px-groundeffect-value' class="span1 up"></span>
								<span id='index-store-px-groundeffect-compare_rate' class="span2 up"></span>
								<img id='index-store-px-groundeffect-pic' src="img/up.png" alt="" />
							</div>
							<div class="yingyee">
								<em id='index-store-px-turnover-name'>营业额</em>
								<span id='index-store-px-turnover-value' class="span1 down"></span>
								<span id='index-store-px-turnover-compare_rate' class="span2 down"></span>
								<img id='index-store-px-turnover-pic' src="img/down.png" alt="" />
							</div>
							<div class="mianji">
								<em id='index-store-px-shop_area-name'>店铺面积</em>
								<span id='index-store-px-shop_area-value' class="mianji_span"></span>
								<span id='index-store-px-shop_area-unit' class="span3"></span>
								<!--约110坪-->
							</div>
						</div>
					</div>
				</div>
				<div class="bai"></div>
			</div>
			
			<div class="mui-content">
				<div class="zongtu" style="margin-bottom: 0.5rem;background: #fff;padding-top: 1.5rem;">
					<div id="mychart" class="chart" style="width: 100%; height: 2.5rem; border: 0px solid #333;"></div>	
				</div>
				
							

			</div>
			
		</div>

		<!--/********************日期控件**************************/-->
		<!--<link rel="stylesheet" type="text/css" href="css/hgs-date.css" />
		<script src="js/hgs-date.js"></script>-->
		<!--/********************日期控件**************************/-->
		<input id="index-shop-lists-id" type="hidden">
		<input id="index-shop-lists" type="hidden">
		<input id='index-end-date' type="hidden" />
		<input id='index-start-date' type="hidden" />
		<!--/***************************************************/-->

		<script src="js/mui.min.js"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>
		<!--<script type="text/javascript" src="js/jsencrypt.min.js"></script>
		<script src="js/md5.js"></script>-->
		<script src="js/crypto-js.js"></script>
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/common.js?ver=20180122"></script>
		<script type="text/javascript" src="js/fuction.js?ver=20180122"></script>
		<script src="js/echarts.js"></script>
		<script src="js/mui.picker.min.js"></script>	<!--//月份控件	-->		
		<script src="js/hgs_pickerdate.js"></script>		
		<script src="js/chart-zx-only-bj.js?ver=20180122"></script>		<!--//只有折线与背景图	-->
		<script src="js/ljq_biaoqiao.js"></script>		<!--//标签	-->	
		<script type="text/javascript">
			mui.init();
		</script>
		<script>
			$(document).ready(function() {
				$(".tiao_shaixuan").click(function() {
					$(".main0").hide();
					$(".shaixuan").show();
				})
				$(".tiao_main0").click(function() {
					$(".shaixuan").hide();
					$(".main0").show();
				})
			})

			mui.ready(function() {
				//获取当前的客户数据
				xminereadyload();
				
				var date = new Date();
				mui("#index-date-show")[0].innerHTML = formatMonth(date);
				
				
				//获取当天的日期	
				var xtoday = GetDateStr(0);
				mui("#index-start-date")[0].value = xtoday;
				mui("#index-end-date")[0].value = xtoday;
				user_info.look_start_date = xtoday;
				user_info.look_end_date = xtoday;				



				//获取店铺信息-坪效数据
				statistics_groundeffect();

			});
			
			//被日期控件调用的方法
			function hgs_picker_fun(){
				//获取店铺信息-坪效数据
				statistics_groundeffect();				
			}
			

			//获取店铺信息-获取坪效信息
			function statistics_groundeffect() {
				var xbx = {}; //登录后的参数对象AES加密
				xbx.shop_id = user_info.look_shop_id; //是 店铺ID
				xbx.date = mui("#index-date-show")[0].innerHTML; //2011-11

				official_login_after(url_host + 'statistics/groundeffect', xbx, 'statistics_groundeffect');
			}

			//月份的----------------------------------加减
			function databian(num) {
				var dateValue = mui("#index-date-show")[0].innerHTML + "-01";
				dateValue = addMoth(dateValue, num);
				var data = new Date(dateValue);
				mui("#index-date-show")[0].innerHTML = formatMonth(data);

				//获取店铺信息-获取坪效信息
				statistics_groundeffect();
			}
		</script>
	</body>

</html>